<script lang="ts" setup></script>

<template>
  <div class="app-container" />
</template>

<style lang="scss" scoped>
.search-wrapper {
  margin-bottom: 20px;
  :deep(.el-card__body) {
    padding-bottom: 2px;
  }
}

.toolbar-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.table-wrapper {
  margin-bottom: 20px;
}

.pager-wrapper {
  display: flex;
  justify-content: flex-end;
}

.keywordDiv {
  // max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.errorMsgdiv {
  // max-width: 200px;
  color: red;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.error-log {
  background-color: #333; /* 深灰背景 */
  color: #bada55; /* 亮绿色文字 */
  font-family: "Courier New", monospace; /* 等宽字体 */
  padding: 10px; /* 内边距 */
  border-radius: 5px; /* 边角圆滑 */
  border: 1px solid #666; /* 边框颜色稍浅 */
  white-space: pre-wrap; /* 保持换行和空格 */
  word-wrap: break-word; /* 长单词也可以断行 */
  // max-width: 600px; /* 最大宽度 */
  margin: 20px auto; /* 居中显示 */
}
</style>
